<script setup lang="ts">
import { ElInput, ElButton, ElRow } from 'element-plus'
import { ContentWrap } from '@/components/content-wrap'
import { useI18n } from '@/hooks/web/use-i18n'
import { ref } from 'vue'

const { t } = useI18n()

const text = ref('')
</script>

<template>
  <content-wrap :title="t('levelDemo.menu')">
    <div class="flex items-center"> Menu12: <el-input v-model="text" class="pl-20px" /> </div>
    <el-row class="pt-20px">
      <el-button v-hasPermi="['demo:form:test']">无权限</el-button>
      <el-button v-hasPermi="['demo:form:create']" type="primary">有权限</el-button>
      <el-button type="success">Success</el-button>
      <el-button type="info">Info</el-button>
      <el-button type="warning">Warning</el-button>
      <el-button type="danger">Danger</el-button>
    </el-row>
  </content-wrap>
</template>
